<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
    <wicket:extend>
        <script>
            window.onload = function() {
                
            };
                 
            $(document).ready(function(){                
            });
        
            $(function(){ 
                
                //determine editing
                var isEdditing = $("#isEditing")[0].getAttribute("value");
                if (isEdditing === "1")
                    showEditTool();
            });
                    
            function showEditTool() { $("#editformdiv").show("slow"); $("#showeditdiv").hide(); };
        </script>
        <div class="post">
        <h2><wicket:message key="headding">Destinations</wicket:message></h2>
        <p wicket:id="info">Prihlaste se</p>
        <a wicket:id="showForm" href="#" id="showeditdiv" onclick="showEditTool()"><img class="ico" src="Images/add.png"/></a>

        <div wicket:id="feedback">[[ feedback ]]</div>
        <form wicket:id="editForm" id="editformdiv" style="display: none" class="editform">
            <fieldset>
                <input type="text" id="isEditing" wicket:id="isEdditing" hidden="true">
                <legend><h4><span wicket:id="heading">Form Name</span></h4></legend>
                <table>
                    <tr>
                        <td><wicket:message key="view.city">city</wicket:message>:</td>
                    <td><input type="text" wicket:id="editCity" size="50"></td>
                    </tr>
                    <tr>
                        <td><wicket:message key="view.state">state</wicket:message>:</td>
                    <td><input type="text" wicket:id="editState" size="50"></td>
                    </tr>
                    <tr>
                        <td><wicket:message key="view.stateCode">state Code</wicket:message>:</td>
                    <td><input type="text" wicket:id="editStateCode" size="4"></td>
                    </tr>
                    <tr>
                        <td><wicket:message key="view.code">code</wicket:message>:</td>
                    <td><input type="text" wicket:id="editCode" size="4"></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input type="submit" wicket:id="submitButton" wicket:message="value:form.submit">
                            <input type="submit" wicket:id="cancelButton" wicket:message="value:form.cancel"></td>

                    </tr>
                </table>
            </fieldset>
        </form>
        <p wicket:id="error"></p>
        <table class="datatable">
            <tr wicket:id="header">
                <th><wicket:message key="view.id">ID</wicket:message></th>
            <th><wicket:message key="view.city">City</wicket:message></th>
            <th><wicket:message key="view.code">Code</wicket:message></th>
            <th><wicket:message key="view.state">State</wicket:message></th>
            <th><wicket:message key="view.stateCode">State Code</wicket:message></th>
            </tr>
            <tr wicket:id="repeating">
                <td><span wicket:id="id">Nic</span></td>
                <td><span wicket:id="city">Nic</span></td>
                <td><span wicket:id="code">Nic</span></td>
                <td><span wicket:id="state">Nic</span></td>
                <td><span wicket:id="stateCode">Nic</span></td>
                <td><a wicket:id="editLink"><img class="ico" src="Images/pero.png"/></a></td>
                <td><a wicket:id="deleteLink"><img class="ico" src="Images/delete.png"/></a></td>
            </tr>
        </table>
        </div>
    </wicket:extend>
</body>
</html>
